<template>
  <van-tabbar route class="tableBar">
    <van-tabbar-item replace to="/" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/category" icon="apps-o">分类</van-tabbar-item>
    <van-tabbar-item replace to="/buying" icon="shop-collect-o"
      >值得买</van-tabbar-item
    >
    <van-tabbar-item replace to="/shopcar" icon="shopping-cart-o"
      >购物车</van-tabbar-item
    >
    <van-tabbar-item replace to="/center" icon="manager-o" dot
      >个人</van-tabbar-item
    >
  </van-tabbar>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "TableBar",
});
</script>
<script lang="ts" setup></script>

<style scoped lang="less">
.tableBar {
  position: fixed;
  bottom: 0;
}
</style>
